@charset "UTF-8";
/**
 * 
 * @authors erx@qq.com
 * @date    2019-04-19 13:18:40
 * @version $Id$
 */
*{padding:0;margin:0}
td{line-height: 190%;}
ul{list-style:none}
img{max-width:100%;border:0;vertical-align:middle}
input,textarea{vertical-align:middle;outline:none;}
em,i{font-style:normal}
a{color:#86878a;text-decoration:none;}
a:hover{color:#0054A3;}
body{color:#86878a;font-family:'\5FAE\8F6F\96C5\9ED1',Arial,Helvetica,sans-serif;font-size:18px;background-color:#fff;overflow-x:hidden;}
body.bg-white{background-color:#fff;}
body.bg-grey{background-color:#f8f8f8;}
.menu-open{overflow:hidden;}
.wrap,.job-wages-wrap>p,.job-wages-wrap>ul,.job-wages-wrap>hr{width:1200px;max-width:92%;margin:0 auto;}
.wrap h3{margin-bottom:50px;font-weight: normal;
font-size:36px;
	margin-top:0;
	letter-spacing:1px;
	font-weight:bold;
	color:#555;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	text-align: center;}
.clearfix:after{content:"";display:block;height:0;clear:both;overflow:hidden;}
/* Head */
.header{position:fixed;top:0;left:0;width:100%;height:100px;border-bottom:1px #eee solid;background-color:#fff;z-index:9990;transition:all .36s ease;}
.header.scroll{top:-101px;}
.header-blank{height:101px;clear:both;}
.head-left{float:left;padding:30px 0 0;}
.head-left li{position:relative;float:left;margin-right:45px;color:#898a8d;}
.head-left li>a, .head-left li>a>span{display:inline-block;height:100%;vertical-align:middle;}
.menu-icon{position:relative;display:inline-block;width:24px;height:16px;margin-right:7px;vertical-align:middle;}
.menu-icon span{display:inline-block;background:#86878a;height:2px;position:absolute;transition:background-color 0.2s linear;width:100%;border-radius:2px;}
.menu-icon .line-1{transform:translate3d(0, 0, 0);transition:transform 0.3s}
.menu-icon .line-2{transform:translate3d(0, 8px, 0);transition:opacity 0.1s linear}
.menu-icon .line-3{transform:translate3d(0, 16px, 0);transition:transform 0.3s}
.menu-ctrl:hover .menu-icon span{background:#0054A3;}
.menu-ctrl.active .menu-icon .line-1{transform: translate3d(0, 8px, 0) rotate(-45deg)}
.menu-ctrl.active .menu-icon .line-2{opacity: 0}
.menu-ctrl.active .menu-icon .line-3{transform: translate3d(0, 8px, 0) rotate(45deg)}
.menu-ctrl:after{position:absolute;top:50%;right:-23px;margin-top:-9px;content:'';display:block;width:1px;height:22px;background:#898a8d;overflow:hidden;}
.search-ctrl>a{background:url(../images/icon_search.png) 0 6px no-repeat;padding-left:30px;}
.search-ctrl>a:hover{background-position:0 -37px;}
.language-ctrl:after{position:absolute;top:50%;right:-18px;margin-top:-1px;content:'';display:block;width:12px;height:6px;background:url(../images/icon_up-down.png) 0 bottom no-repeat;overflow:hidden;transition:all .2s;}
.language-ctrl:hover:after{background-position:0 0;}
.language-ctrl .items{display:none;position:absolute;top:100%;left:0;width:90px;margin:12px 0 0 -18px;box-shadow:0 4px 10px rgba(0,0,0,.2);background:#fff;animation-duration:.2s;}
.language-ctrl .items a{display:block;line-height:55px;color:#898a8d;padding:0 16px;}
.language-ctrl .items a:hover{color:#333;background:#f8f8f8;}
.language-ctrl .items a.cu{color:#0054A3;background:none;}
.head-logo{float:right;max-width:40%;height:50px;padding:25px 0 0;}
.head-logo img{max-height:100%;}
.menu-box{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(125,132,139,.85);z-index:9989;}
.main-nav{position:absolute;top:100px;left:50%;width:460px;height:100%;margin:0 0 0 -660px;border-top:1px #f0f0f0 solid;border-right:1px #81767b solid;background:#fff;}
.main-nav li{line-height:60px;}
.main-nav li a{position:relative;color:#898a8d;}
.main-nav li a:hover, .main-nav li a.cu{color:#0054A3;background:#f0f0f0;}
.main-nav li a{display:block;padding:0 95px;}
.main-nav>li>a:after{position:absolute;top:50%;right:75px;margin-top:-8px;content:'';display:block;width:10px;height:16px;background:url(../images/icon_arrow_nav.png) 0 bottom no-repeat;overflow:hidden;transition:right .2s linear;}
.main-nav>li>a:hover:after, .main-nav>li>a.cu:after{background-position:0 0;}
.main-nav>li>a.home{color:#0054A3;}
.main-nav>li>a.home:after{display:none;}
.main-nav>li:hover>a:after{right:60px;}
.sub-nav{position:absolute;top:-1px;left:0;width:460px;height:100%;background:#fff;border-top:1px #f0f0f0 solid;padding-top:60px;opacity:0;z-index:-1}
.sub-nav>li>a:after{display:none;position:absolute;top:50%;right:58px;margin-top:-8px;content:'';width:29px;height:16px;background:url(../images/icon_arrow_right.png) 0 bottom no-repeat;overflow:hidden;}
.sub-nav>li>a:hover:after{display:block;transition:all .6s ease-in-out;animation:readto 1.2s infinite;}
.search-box{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:9992;}
.search-box .int{width:100%;line-height:68px;margin:16% 0 15px;color:#fff;font-size:48px;border:0;border-bottom:4px #fff solid;background:none;}
.search-box .int::-webkit-input-placeholder{color:#545454;}
.search-tip{position:relative;color:#fff;font-size:14px;text-align:right;}
.search-word{position:absolute;top:0;left:0;text-align:left;font-size:24px;}
.search-word li{margin:0 0 6px;}
.search-word a:hover{color:#fff;}
/* Index */
.mbanner{position:relative;background:#F8F8F8;}
.banner-box{transform:translate3d(0px, -130px, 0px) scale3d(0.63, 0.63, 1);transition:all .3s;text-align:center;}
.banner-box>img{width:100%;}
.banner-box.active{transform:translate3d(0px, 0px, 0px) scale3d(1, 1, 1);}
.company-slogan{position:absolute;bottom:0;left:50%;width:882px;margin:0 0 0 -441px;box-shadow:0 0 25px #bbb;background-color:#fff;padding:56px 190px 56px 52px;overflow:hidden;box-sizing:border-box;transition:all .4s;}
.company-slogan h1{margin-bottom:30px;font-size:28px;font-weight:normal;}
.company-slogan h1 em{color:#0054A3;margin-right:20px;font-size:40px;}
.company-slogan h2{line-height:1.58;color:#111;font-size:24px;font-weight:normal;}
.company-slogan .more{position:absolute;top:98px;right:-160px;display:block;width:200px;height:54px;line-height:54px;color:#fff;text-align:center;background:#0054A3;transition:all 1s ease;opacity:0;border-radius:27px;overflow:hidden;}
.company-slogan .more span{position:relative;z-index:1;}
.company-slogan .more:after{content:"";position:absolute;height:450%;left:50%;top:50%;width:150%;z-index:0;transition:all .3s ease 0s;background:#87888B;transform:translateX(-50%) translateY(-50%) rotate(16deg);}
.company-slogan .more:hover:after{height:0%;}
.company-slogan.active{width:1200px;margin:0 0 0 -600px;padding:56px 450px 56px 112px;box-shadow:none;transform:translate(0, -70px);}
.company-slogan.active .more{right:70px;opacity:1;}

.index-product{margin:40px 0 60px;}
.index-product h3{margin-bottom:50px;font-weight: normal;
font-size:36px;
	margin-top:0;
	letter-spacing:1px;
	font-weight:bold;
	color:#555;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	text-align: center;}
.list-type-i li{float:left;width:16.6666%;height:214px;margin-bottom:10px;text-align:center;}
.list-type-i li a{position:relative;display:block;height:100%;padding:10px 30px;box-sizing:border-box;}
.list-type-i li a:before{position:absolute;top:0;left:0;content:'';opacity:0;width:100%;height:100%;box-shadow:0 0 25px #ddd;z-index:-1;transform:scale(.95);transition:all .4s ease-in-out;}
.list-type-i li a:hover:before{opacity:1;transform:scale(1.05);}
.list-type-i li a:after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.list-type-i li img{max-width:80%;transition:all .4s ease-in-out;}
.list-type-i li a:hover img{transform:scale(1.05);}

.company-data{min-height:150px;margin-bottom:45px;background-color:#dfe0e1;padding:50px 0 60px;background-image:linear-gradient(to right , #f6f7f8 38% , #dfe0e1);}
.company-data h3{margin-bottom:50px;font-weight: normal;
font-size:36px;
	margin-top:0;
	letter-spacing:1px;
	font-weight:bold;
	color:#555;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	text-align: center;}
.company-data li{float:left;width:80%;color:#4e5860;font-size:18px;text-align:left;}
.company-data li .data{margin-bottom:9px;color:#0054A3;}
.company-data li .data em{font-size:36px;font-weight:bold;}
.company-data li .text{color:#4e5860;}

.area-link li{float:left;width:33.33333%;margin-bottom:10px;text-align:center;padding:5px 25px 15px;border-left:1px #cfcfcf solid;box-sizing:border-box;}
.area-link li:first-child{border-left:0;}
.area-link li h3{color:#111;font-size:22px;font-weight:normal;}
.area-link li .des{min-height:108px;margin:35px 0;line-height:2;color:#898a8d;text-align:left;}
.area-link li .more{color:#898a8d;transition:all .5s linear;}
.area-link li .more:hover{color:#0054A3;}
.area-link li .more:after{content:'';display:inline-block;width:29px;height:16px;margin:-3px 0 0 20px;background:url(../images/icon_arrow_right.png) right center no-repeat;vertical-align:middle;}
.area-link li:first-child .more:after{background:url(../images/icon_arrow_right30.png) right center no-repeat;}
.area-link li:last-child .more:after{background:url(../images/icon_arrow_right.jpg) right center no-repeat;}
.area-link li .more:hover:after{transition:all .6s ease-in-out;animation:readto 1.2s infinite;}
@keyframes readto{0%{transform:translate(-5px, 0)}50%{transform:translate(48%, 0)}100%{transform:translate(-5px, 0)}}
/* Search && Page */
.page-box{min-height:600px;color:#111;padding:30px 0;}
.content-box{line-height:1.88;padding:10px 0 0;}
.content-box p{margin:25px 0;}
.page-search{color:#111;padding:60px 0;}
.search-ti-a{margin-bottom:40px;}
.search-ti-a h1{float:left;color:#0054A3;font-size:24px;font-weight:normal;}
.search-ti-a .back{float:right;display:block;width:40px;height:40px;text-indent:-9999em;background:url(../images/icon_close2.png) 0 0 no-repeat;}
.search-ti-a .back:hover{background-position:0 bottom;}
.page-search .int{width:100%;margin:0 0 15px;font-size:48px;border:0;border-bottom:4px #111 solid;padding:15px 0;background:none;}
.page-search .search-tip{color:#86878a;}
.search-ti-b{line-height:54px;margin:40px 0 10px;border-bottom:1px #cfcfcf solid;}
.search-ti-b .tit{float:left;}
.search-ti-b .tit li{position:relative;float:left;margin-right:20px;}
.search-ti-b .tit .cu a{color:#0054A3;}
.search-ti-b .tit .cu:after{position:absolute;top:100%;left:0;content:'';width:100%;height:3px;margin-top:-1px;background:#0054A3;}
.search-ti-b h3{float:right;font-size:18px;font-weight:normal;}
.search-list-a li{border-bottom:1px #cfcfcf solid;overflow:hidden;}
.search-list-a li:last-child{margin-bottom:30px;border-bottom:0;}
.search-list-a li a{display:block;line-height:1.68;margin-left:-60px;color:#111;padding:30px 0 30px 60px;background:url(../images/icon_arrow_right3.png) 0 center no-repeat;transition:all .3s linear;}
.search-list-a li a:hover{margin-left:0;}
.search-list-a li .t{margin-bottom:5px;font-weight:bold;}
/* Foot */
.footer{margin-top:50px;background:#fff;}
.foot-nav{background:url(../images/bg.png); }
.footer .foot-nav .wrap{padding:40px 0 35px;}
.foot-nav dl{float:left;width:18%;margin:0 1.125%;font-size:18px;text-align:left;}
.foot-nav dl:first-child{margin-left:0;}
.foot-nav dl:last-child{margin-right:0;}
.foot-nav dt{margin:0 0 15px;font-weight:bold;padding:15px 0;border-bottom:1px #999 solid;}
.foot-nav dd{position:relative;}
.foot-nav dd:after{display:none;position:absolute;top:0;left:0;content:'';width:110%;height:100%;margin-left:-5%;background:#e2e2e2;z-index:0;}
.foot-nav dd:hover:after{display:block;}
.foot-nav dd a{position:relative;display:block;color:#8e8f92;padding:8px 0;z-index:9;}
.foot-nav dd a:hover{color:#86878a;}
.footer .wrap{font-size:16px;text-align:center;padding:45px 0;}
.footer .s-logo{float:left;}
.footer .f-copy{display:inline-block;}
.footer .f-copy span{margin:0 12px;}
.footer .f-info{float:right;}
.footer .f-info em{margin:0 7px;}
.footer .f-info span{margin-left:28px;}
/* Products */
.top-nav-a{position:fixed;top:101px;left:0;width:100%;height:80px;line-height:80px;text-align:center;background:#fff;box-shadow:0 1px 1px #ddd;z-index:9988;transition:all .36s ease;}
.top-nav-a.scroll{top:0;}
.top-nav-a .sbar{display:none;position:absolute;bottom:0;left:0;width:0;height:1px;background:#0054A3;overflow:hidden;opacity:.5;z-index:9;}
.top-nav-blank{height:80px;clear:both;}
.top-nav-a .nav-list{position:relative;display:inline-block;z-index:1;}
.top-nav-a .nav-list .vline{position:absolute;bottom:0;left:0;content:'';display:block;width:0;height:4px;overflow:hidden;background:#fff;z-index:9;}
.no-sbar-nav .nav-list .vline{display:none;}
.top-nav-a .nav-list .vline .bar{transition:transform .6s cubic-bezier(.86,0,.07,1);will-change:transform;height:100%;background:#0054A3;}
.top-nav-a .nav-list li{position:relative;display:inline-block;margin:0 0 0 50px;z-index:1;}
.top-nav-a .nav-list li:first-child{margin-left:0;}
.top-nav-a .nav-list li a{display:block;}
.top-nav-a .nav-list .cu:after{position:absolute;bottom:0;left:0;content:'';display:block;width:100%;height:4px;background:#0054A3;}
.top-nav-a .nav-list .cu a{color:#0054A3;}
.no-sbar-nav .sbar{display:none;}
.product-focus{position:relative;background-color:#f8f9f9;overflow:hidden;}
.product-focus .inner{position:relative;background-position:center center;background-repeat:no-repeat;}
.product-focus dl{position:relative;padding:50px 8% 70px;z-index:9;}
.product-focus dt, .ti-type-a{position:relative;color:#111;font-size:30px;font-weight:bold;text-align:center;padding:0 0 20px;clear:both;}
.product-focus dt:after, .ti-type-a:after{position:absolute;bottom:0;left:50%;content:'';display:block;width:80px;height:4px;margin-left:-40px;background:#0054A3;overflow:hidden;}
.product-focus dd{float:left;width:40%;line-height:1.88;padding:50px 0 0;box-sizing:border-box;}
.product-focus dd:nth-child(even){float:right;}
.product-focus dd h5{margin-bottom:10px;font-size:24px;}
.product-pic{margin-bottom:50px;text-align:center;border-bottom:1px #dcdcdc solid;padding:60px 0;}
.product-pic .mp{position:relative;display:inline-block;}
.product-pic .mp dl{position:absolute;top:100px;left:100px;}
.product-pic .mp dt{position:relative;width:40px;height:40px;line-height:35px;color:#fff;font-size:35px;text-align:center;border-radius:50%;background:rgba(255,81,0,.9);cursor:pointer;z-index:3;transition:all .2s linear;}
.product-pic .mp dt i{position:absolute;top:50%;left:50%;display:inline-block;width:20px;height:2px;margin:-1px 0 0 -10px;background:#fff;border-radius:2px;}
.product-pic .mp dt i:after{content:'';position:absolute;top:50%;left:50%;display:inline-block;width:2px;height:20px;margin:-10px 0 0 -1px;background:#fff;border-radius:2px;transition:all .2s linear;}
.product-pic .mp dt.cu i:after{transform:scale(1, 0);}
.product-pic .mp dt:hover{background:rgba(255,140,0,.9);}
.product-pic .mp dd{display:none;position:absolute;top:20px;left:20px;width:330px;line-height:1.68;text-align:left;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.2);padding:35px 30px;box-sizing:border-box;z-index:1;transform-origin:0 0;animation-duration:.3s;}
.product-pic .mb{display:none;}
.product-des{margin-bottom:70px;border-bottom:1px #dcdcdc solid;padding:0 0 90px;}
.product-des .img{float:left;width:45%;}
.product-des .img img{max-width:98%;}
.product-des .txt{float:right;width:54%;}
.product-des .txt .tit{margin-bottom:50px;}
.product-des .txt .tit li{float:left;width:33.333333%;margin-right:-1px;text-align:center;border:1px #86878a solid;padding:13px 0;cursor:pointer;box-sizing:border-box;}
.product-des .txt .tit .cu{color:#fff;background:#86878a;}
.product-des .txt .tab{min-height:300px;color:#111;}
.product-des .txt .con{display:none;height:350px;margin-bottom:60px;line-height:1.8;overflow-y:auto;}
.product-des .txt .con:first-child{display:block;}
.product-des .txt .con p{margin:0 0 1.5em;}
.product-des .txt .con p:last-child{margin:0;}
.product-des .txt .down{position:relative;padding-right:65px;transition:all .5s linear;}
.product-des .txt .down:before{content:'';position:absolute;top:22px;right:0;display:inline-block;width:22px;height:2px;background:#86878a;opacity:.68}
.product-des .txt .down:after{content:'';position:absolute;top:1px;right:0;display:inline-block;width:22px;height:21px;background:url(../images/icon_down.png) no-repeat;}
.product-des .txt .down:hover:after{transition:all .6s ease-in-out;animation:adown 1.2s infinite;}
@keyframes adown{0%{transform:translate(0, -10px)}50%{transform:translate(0, 0)}100%{transform:translate(0, -10px)}}
.product-list{padding-bottom:15px;}
.product-list ul{margin:0 -7px;}
.product-list li{float:left;width:25%;padding:0 7px;box-sizing:border-box;}
.product-list li a{position:relative;display:block;}
.product-list li a span{display:none;position:absolute;bottom:0;left:0;width:100%;height:100%;color:#fff;font-size:24px;z-index:2;text-align:center;padding-top:28%;box-sizing:border-box;}
.product-list li a:hover span{display:block;}
.product-list li a span:after{position:absolute;bottom:0;left:0;content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,.6) url(../images/icon_arrow_right3.png) center 72% no-repeat;z-index:-1;}
.product-list li a img{width:100%;}
.product-focus.has-bg .inner{color:#fff;background-position:center 0;background-repeat:no-repeat;}
.product-focus.has-bg .inner:after{position:absolute;bottom:0;left:0;content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,.6);}
.product-focus.has-bg .mbg{position:absolute;top:0;left:0;width:100%;min-height:100%;}
.product-focus.has-bg dt{color:#f2f2f2;}
/* About */
.development-box{padding:60px 100px;}
.ti-type-a{margin:0 0 40px;padding-top:55px;}
.txt-type-a{line-height:1.5;margin-bottom:60px;font-size:30px;text-align:center;}
.development-wrap{background:#F8F8F8;}
.dev-path{position:relative;color:#111;}
.dev-path .vline{position:absolute;top:0;left:50%;width:4px;height:0;max-height:100%;margin-left:-2px;background:#0054A3;border-top:94px #f8f8f8 solid;box-sizing:border-box;z-index:0;transition:all 2s linear;}
.dev-path dt{position:relative;font-size:30px;font-weight:bold;text-align:center;padding:27px 0;background:#F8F8F8;z-index:3;opacity:0;}
.dev-path .v1{height:20%;}
.dev-path .v2{height:40%;}
.dev-path .v3{height:60%;}
.dev-path .v4{height:80%;}
.dev-path .v5{height:100%;}
.dev-path dd{height:260px;clear:both;vertical-align:middle;overflow:hidden;}
.dev-path dd>*{width:46%;max-width:460px;height:100%;opacity:0;}
.dev-path dd>img, .dev-path dd:nth-child(4n)>div{float:left;}
.dev-path dd>div, .dev-path dd:nth-child(4n)>img{float:right;}
.dev-path dd:nth-child(4n)>div{text-align:right;}
.dev-path dd>div:after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.dev-path dd>div span{display:inline-block;vertical-align:middle;}
.leader-wrap{padding:50px 0 119px;}
.swiper-slide .des{color:#111;text-align:center;padding:15px 0 30px;}
.swiper-button-next, .swiper-button-prev{top:50%;left:0;width:57px;height:57px;background:rgba(134,135,138,.7) url(../images/icon_arrow_swiper.png) -30% center no-repeat;transition:all .2s linear;}
.swiper-button-next{left:auto;right:0;background-position:130% center;}
.swiper-button-next:hover, .swiper-button-prev:hover{background-color:rgba(134,135,138,.9);}
.ab-intro{padding-top:50px;}
.company-info{line-height:1.88;color:#111;font-size:16px;border:1px #999 solid;border-top:0;background:#f0f0f0;}
.company-info dt, .company-info dd{float:left;border-top:1px #999 solid;box-sizing:border-box;}
.company-info dt{width:16%;padding:8px 0 8px 50px;}
.company-info dd{width:84%;border-left:1px #999 solid;background:#fff;padding:8px 40px;}
.ab-box-c{line-height:1.68;color:#111;padding:40px 0 5px;}
.ti-type-b{position:relative;margin:0 0 20px;font-size:30px;padding:25px 0 10px;}
.ti-type-b:after{position:absolute;bottom:0;left:0;content:'';display:block;width:118px;height:2px;background:#0054A3;}
.culture-main{background-position:center bottom;background-repeat:no-repeat;background-size:cover;}

.culture-main img.pc_brand{display: block}
.culture-main img.mobile_brand{display: none}

.culture-main .wrap{width:1100px;padding:100px 0;}
.culture-sbox{line-height:1.88;margin-bottom:20px;color:#111;font-size:25px;background:rgba(255,255,255,.8);padding:50px;box-sizing:border-box;}
.culture-sbox h3{margin-bottom:10px;font-size:30px;font-weight:normal;}
.culture-b{float:left;width:40%;}
.culture-c{float:right;width:58%;}
.culture-d{margin-bottom:0;padding-bottom:30px;clear:both;}
.culture-d li{float:left;width:50%;margin-bottom:30px;}
.culture-idea{line-height:2;margin-bottom:50px;color:#111;padding:0 100px;}
.culture-idea .ti-type-a{margin-bottom:0;text-align:left;font-weight:normal;}
.culture-idea .ti-type-a:after{display:none;}
.culture-idea p, .ab-box-c p, .contact-top-ti p{margin:1em 0;}
.contact-top-ti{color:#898a8d;font-size:30px;text-align:center;padding:40px 0 20px;}
.lt-a{float:left;width:41%;}
.rt-a{float:right;width:52%}
.ab-bot-text{margin-top:40px;line-height:2;font-size:30px;text-align:center;border-top:1px #ddd solid;padding:60px 0;}
.ab-bot-text strong{color:#111;}
.honour-wrap{background:#F8F8F8;}
.honour-con{padding:40px 0;}
.honour-con p{margin:2em 0 0;text-align:center;}
.contact-form{padding:25px 110px 60px;}
.contact-form .item-half, .contact-form .item-row{position:relative;float:left;width:49%;height:80px;margin:0 0 45px;background:#e5e5e5;}
.contact-form .item-half:nth-child(2n){float:right;}
.contact-form .int, .contact-form textarea, .contact-form .btn{width:100%;height:100%;line-height:80px;color:#111;font-size:18px;background:none;border:0;padding:0 16px;box-sizing:border-box;transition:all .3s linear;}
.contact-form .int, .contact-form textarea, .contact-form .tip{position:absolute;top:0;left:0;z-index:9;}
.contact-form .int:focus{padding:0 28px;}
.contact-form textarea:focus{padding:28px;}
.contact-form .tip{margin:28px 0 0 28px;color:#111;z-index:0;transition:all .2s linear;}
.contact-form .tip.cu{color:#898a8d;font-size:16px;transform:translateX(-28px) translateY(56px);}
.contact-form .item-row .tip.cu{transform:translateX(-28px) translateY(155px);}
.contact-form .item-row{width:100%;height:178px;}
.contact-form textarea{line-height:1.2;padding:16px;}
.contact-form .item-post{height:80px;margin:0 0 30px;}
.contact-form .btn{text-align:center;cursor:pointer;}
.contact-form .btn:hover{color:#fff;background:#0054A3;}
.contact-card{padding:10px 110px 0;}
.contact-card li{position:relative;margin-bottom:50px;overflow:hidden;}
.contact-card li:after, .contact-card li:before{position:absolute;top:0;content:'';display:block;width:100%;height:0;overflow:hidden;border-top:1px #cfcfcf solid;z-index:-1;}
.contact-card li:before{top:auto;bottom:0;border-top:0;border-bottom:1px #cfcfcf solid;}
.contact-card .p{float:left;width:48%;}
.contact-card .t{float:right;width:52%;padding:25px 0 25px 30px;box-sizing:border-box;}
.contact-card .t dt{color:#111;font-weight:bold;padding:0 0 10px;}
.contact-card .t dd{padding:6px 0;}
/* Industry */
.top-nav-b{height:60px;line-height:60px;}
.industry-focus{position:relative;overflow:hidden;}
.industry-focus .inner{position:relative;}
.industry-focus img{width:100%;}
.industry-box-a{position:relative;line-height:1.68;margin-top:-114px;text-align:center;font-size:22px;background:#fff;padding:80px;box-shadow:0 1px 24px rgba(0,0,0,.1);}
.industry-box-a h1{margin:0 0 35px;color:#111;font-size:36px;}
.industry-box-b{position:relative;line-height:2;margin:40px 0 0;background:#fff;padding:15px 0 0;}
.industry-box-b h2{padding:40px 0 20px;font-size:36px;font-weight:normal;}
.industry-box-b hr{margin:50px 0 0;border:0;border-bottom:1px #ddd solid;clear:both;}
.industry-box-b p{margin:9px 0;}
.industry-box-b img{margin-bottom:5px;}
/* Download */
.top-nav-c{box-shadow:none;}
.down-box .ti-type-b{padding-top:50px;color:#111;}
.full-white-box{background:#fff;}
.txt-type-b{margin:30px 0 50px;}
.down-list{margin:0 -1%;text-align:center;}
.down-list li{position:relative;float:left;width:31.333333%;height:216px;line-height:1.58;margin:0 1% 30px;background:#fff;}
.full-white-box .down-list li{border:1px #86878a solid;box-sizing:border-box;}
.full-white-box .down-list li:hover{border-color:#fff;}
.down-list{padding-bottom:40px;}
.down-list li>a{display:block;height:100%;}
.down-list li>a:hover{box-shadow:0 0 25px #ccc;}
.down-list li:after, .down-list li>a:after, .get-check:after, .get-check form:after, .list-type-p li .more:after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.get-check form{display:inline-block;width:98%;vertical-align:middle;}
.down-list li .txt, .get-check .way{display:inline-block;width:66%;vertical-align:middle;cursor:pointer;}
.down-list li .txt strong{color:#111;font-size:18px;}
.down-list li a:hover strong{color:#0054A3;}
.down-list li .txt span{display:inline-block;font-size:16px;padding:15px 0 0;}
.down-list li:hover .get-check{display:block;}
.get-check{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);transition:all .2s linear;}
.get-check .way{color:#fff;text-align:left;cursor:default;}
.get-check .way input{width:100%;height:40px;line-height:40px;color:#fff;font-size:24px;border:0;border-bottom:4px #0054A3 solid;background:none;}
.get-check .way .tip{font-size:14px;padding-top:10px;opacity:0;}
.get-check .way .tip.focus{opacity:1;}
/* News */
.news-list-top{padding:50px 0 0;}
.news-list-top .tit{float:left;}
.news-list-top .tit li{float:left;height:40px;line-height:56px;margin-right:35px;overflow:hidden;}
.news-list-top .tit .cu{line-height:40px;}
.news-list-top .tit .cu a{color:#0054A3;font-size:36px;}
.news-list-top .filter{float:right;line-height:40px;}
.news-list-top .filter a{margin-left:18px;}
.news-list-top .filter .cu{position:relative;color:#0054A3;}
.news-list-top .filter .cu:after{position:absolute;top:120%;left:50%;margin:0 0 0 -4px;content:'';display:block;width:8px;height:8px;background:#0054A3;border-radius:50%;}
.list-type-p{display:flex;flex-wrap:wrap;min-height:300px;margin:50px -1.5% 0;}
.list-type-p li{float:left;width:30.333333%;margin:0 1.5% 40px;background:#fff;}
.list-type-p li .p{position:relative;margin-bottom:6px;overflow:hidden;}
.list-type-p li .p img{display:block;width:100%;transition:all .2s linear;}
.list-type-p li .p:hover img{transform:scale(1.1);}
.list-type-p li .t{font-size:14px;padding:20px;}
.list-type-p li .t a{display:block;margin-bottom:15px;color:#111;font-size:22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.list-type-p li .t a:hover{color:#0054A3;}
.list-type-p li .des{height:38px;margin-bottom:30px;overflow:hidden;}
.get-more{padding:0 0 15px;}
.get-more a{display:block;width:192px;height:62px;line-height:62px;margin:40px auto 0;color:#86878a;font-size:22px;text-align:center;border:1px #86878a solid;transition:all .2s linear;}
.get-more a:hover{color:#fff;background:#86878a;}
.news-content{padding:50px 150px;}
.news-content h1{color:#111;font-size:36px;font-weight:normal;text-align:center;}
.news-content .data{text-align:center;border-bottom:1px #c6c8ca solid;padding:40px 0;}
.news-content .data time{font-size:16px;}
.news-content .text{line-height:1.8;padding:20px 0;}
.news-content .text p{margin:2em 0;}
.news-content .back{display:block;width:128px;height:18px;margin:0 auto;text-indent:-9999em;background:url(../images/icon_back.png) no-repeat;}
/* Job */
.job-box-a{color:#111;text-align:center;padding:40px 0 60px;}
.job-box-a h2{padding-top:50px;color:#0054A3;font-size:36px;}
.job-box-a h3{margin:40px 0 30px;font-size:24px;}
.job-box-a p{line-height:2.2;}
.job-box-b{border-top:1px #dcdcdc solid;padding:0 0 60px;}
.job-box-c{color:#111;text-align:center;border-top:1px #dcdcdc solid;padding:0 0 60px;}
.job-tit{margin:50px 0;text-align:center;}
.job-tit a{display:inline-block;min-width: 150px;padding-left: 5px;padding-right:5px;height:54px;line-height:54px;}
.job-tit .cu{color:#fff;background:#0054A3;}
.job-tab .swiper-container{display:none;}
.job-tab .swiper-container:first-child{display:block;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px 8px;}
.swiper-pagination-bullet{width:14px;height:14px;background:#f8f8f8;opacity:.9;}
.swiper-pagination-bullet-active{background:#0054A3;}
.job-criterion{color:#111;}
.job-criterion dt{line-height:1.8;font-size:24px;}
.job-criterion dt img{float:left;max-width:50%;}
.job-criterion dt p{float:right;width:44%;font-weight:bold;padding:6% 0 0;}
.job-criterion dd{line-height:2.2;margin-top:40px;}
.job-criterion .act{margin:80px 0 0;}
.job-criterion .down{color:#fff;font-size:18px;background:#86878a url(../images/icon_down_white.png) 88% center no-repeat;padding:14px 90px 14px 20px;}
.job-criterion .down:hover{background-color:#0054A3;}
.job-vantage{background:#f8f8f8;padding:50px 0;}
.txt-type-c{line-height:2.2;margin:40px 0;color:#111;text-align:center;}
.job-vantage li{float:left;width:48%;line-height:2;color:#111;padding:0 0 35px 80px;background:url(../images/icon_yes.png) 0 13px no-repeat;box-sizing:border-box;}
.job-vantage li:nth-child(2n){float:right;}
.job-vantage li h5{font-size:24px;}
.job-page{padding:60px 0 0;}
.job-list{margin-bottom:40px;background:#fff;padding:15px 50px 50px;}
.job-list>li{border-bottom:1px #e3e3e3 solid;overflow:hidden;box-sizing:border-box;}
.job-list>li.ti{color:#111;font-size:24px;padding:0 0 6px;}
.job-list>li:nth-child(2n){background:#f4f4f4;}
.job-list>li>.p{float:left;line-height:60px;box-sizing:border-box;cursor:pointer;}
.job-list>li .p1{width:20%;padding-left:20px;}
.job-list>li .p2{width:15%;}
.job-list>li .p3{width:15%;}
.job-list>li .p4{width:15%;}
.job-list>li .p5{width:15%;}
.job-list>li .p6{width:20%;}
.job-list>li .p6 a{margin-right:40px;}
.job-list>li .p6 .apply:hover{font-weight:bold;}
.job-list>li:not(.ti):hover>div:nth-child(-n+4), .job-list>li .cu{color:#0054A3;}
.job-item-detail{display:none;line-height:2.2;color:#4c4c4c;border-top:1px #e3e3e3 solid;padding:20px 20px 0;overflow:hidden;}
.job-item-detail ul{padding:0 0 40px;}
.job-item-detail li{float:left;width:32%;}
.job-item-detail p{margin-bottom:40px;}
.job-wages-wrap{margin-bottom:-50px;background-position:center 0;background-repeat:no-repeat;background-size:cover;padding:80px 0;}
.job-wages,.job-wages-wrap>p,.job-wages-wrap>ul{color:#111;line-height:2.2;background:#fff;padding:30px 50px 0;box-sizing:border-box;}
.job-wages dt{font-weight:bold;}
.job-wages dd{margin-bottom:25px;border-bottom:1px #c6c8ca solid;padding:0 0 25px;}
.job-wages dd:last-child{border-bottom:0;}

.w780-wrap{width:780px;}
.page-des hr{height:13px;border:0;background:#cfcfcf;overflow:hidden;clear:both;}

@media screen and (max-width:880px) {
	body{background-color:#fff;}
	a:active{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
	.header .wrap{width:90%;}
	.head-left li{margin-right:25px;}
	.head-logo{max-width:50%;padding:28px 0 0;}
	.menu-icon{width:35px;height:24px;}
	.menu-icon .line-2{transform: translate3d(0, 12px, 0);}
	.menu-icon .line-3{transform: translate3d(0, 24px, 0);}
	.menu-ctrl.active .menu-icon .line-1{transform:translate3d(0, 12px, 0) rotate(-45deg)}
	.menu-ctrl.active .menu-icon .line-3{transform:translate3d(0, 12px, 0) rotate(45deg)}
	.head-left .search-ctrl{margin-right:0;height:35px;overflow:hidden;}
	.head-left .search-ctrl>a>span{width:0;overflow:hidden;}
	.search-ctrl>a{background:url(../images/icon_mb_sprite.png) 0 -40px no-repeat;background-size:30px;}
	.search-ctrl>a:hover{background-position:0 -40px;}
	.search-box{background:#fff;}
	.search-box .wrap{position:relative;}
	.search-box .int{margin-top:28%;line-height:40px;color:#111;font-size:24px;border-bottom:2px #86878a solid;}
	.search-box .int::-webkit-input-placeholder{color:#86878a;}
	.search-word li{line-height:1.8;font-size:18px;}
	.mb-s-close{position:absolute;top:3%;right:2%;width:40px;height:40px;background:url(../images/icon_mb_sprite.png) center -84px no-repeat;background-size:30px;}
	.mb-sbtn{position:absolute;bottom:17px;right:0;width:32px;height:40px;border:0;background:url(../images/icon_mb_sprite.png) 0 -38px no-repeat;background-size:30px;}
	.main-nav{position:static;margin:0;width:100%;padding-top:140px;background-image:linear-gradient(to right , #f6f7f8 38% , #dfe0e1);border-right:0;box-sizing:border-box;overflow-y:auto;}
	.main-nav li a{padding:0 50px 0 20px;}
	.sub-nav{display:none;position:static;width:100%;border:0;padding:0;opacity:1;}
	.main-nav .cu + .sub-nav{display:block;}
	.main-nav>li>a:after{right:25px;transform:rotate(90deg);}
	.main-nav>li>a:hover:after{right:25px;}
	.main-nav>li>a.home{background:#fff;}
	.head-left li.language-ctrl{position:static;overflow:visible;}
	.language-ctrl .items{width:100%;margin:0;padding:0;background:none;background-image:linear-gradient(to right , #f6f7f8 38% , #dfe0e1);box-shadow:none;}
	.language-ctrl .items a{display:inline-block;line-height:40px;font-size:14px;background:none;}
	.banner-box{transform:scale(1, 1);}
	.company-slogan, .company-slogan.active{position:static;width:100%;margin:0 auto;padding:30px 2% 0;text-align:center;background:#fff;box-shadow:none;transform:translate(0, 0);}
	.company-slogan h1 em{display:block;margin-right:0;}
	.company-slogan .more{position:relative;top:auto;right:auto;width:100%;margin-top:30px;opacity:1;}
	.company-slogan.active .more{right:auto;}
	.index-product h3{margin-bottom:30px;text-align:center;font-weight:normal;}
	.list-type-i li, .area-link li{float:none;width:100%;height:auto;border:0;border-top:1px #eee solid;}
	.list-type-i li a{padding:30px 0;}
	.list-type-i li a:hover{box-shadow:none;}
	.list-type-i li a img{max-width:100%;}
	.company-data li{float:none;width:100%;padding:20px 0;}
	.company-data li .text{display:block;}
	.company-data li .text br, .area-link li .des, .menu-ctrl:after, .language-ctrl:after, .head-left .menu-ctrl>a>span, .head-left .language-ctrl>a, .search-tip>span, .contact-card .p, .leader-wrap .swiper-button-next, .leader-wrap .swiper-button-prev, .news-content + .list-type-p, .news-content + .list-type-p + .get-more, .product-focus dd:nth-child(n+4), .foot-nav{display:none;}
	.area-link li:first-child{border-top:0;}
	.area-link li h3{padding:25px 0;}
	.footer .wrap{text-align:center;font-size:14px;padding:30px 0;border-top:1px #bbb solid;}
	.bg-grey .footer .wrap{border-top:0;}
	.foot-nav dl{float:none;width:48%;margin:0 1%;}
	.footer .s-logo, .footer .f-info{float:none;}
	.footer .f-copy{display:block;padding:20px 0;}
	.page-search .int{font-size:30px;border-bottom-width:2px;}
	/* About */
	.top-nav-a .wrap{max-width:100%;overflow-x:auto;}
	.top-nav-a .nav-list{margin:0 3%;white-space:nowrap;}
	.contact-top-ti{font-size:24px;}
	.contact-form{padding:20px 0 40px;}
	.contact-form .item-half{float:none;width:100%;}
	.contact-card{padding:0;}
	.contact-card .t{float:none;width:100%;padding:25px 0;}
	.development-box{padding:40px 0;}
	.dev-path dl{position:relative;margin-bottom:-60px;padding:30px 0 0;z-index:9;}
	.dev-path dt{padding:17px 0 25px;opacity:1;}
	.dev-path dd{height:auto;margin-bottom:30px;}
	.dev-path dd>*{width:100%;max-width:100%;background:#F8F8F8;opacity:1;}
	.dev-path dd>*:first-child, .dev-path dd>*:last-child{float:none;text-align:center;}
	.dev-path dd>div{padding:20px 0;}
	.dev-path dd:nth-child(4n)>div{text-align:center;}
	.dev-path .vline{height:100%;border-top:0;}
	.leader-wrap .swiper-wrapper{display:block;}
	.leader-wrap .swiper-slide{margin-bottom:20px;}
	.company-info dt, .company-info dd, .list-type-s li, .lt-a, .rt-a{float:none;width:100%;}
	.company-info dt, .company-info dd{border-left:0;padding:7px 15px;}
	.ab-bot-text{font-size:20px;padding:30px 0 10px;}
	.culture-main .wrap{padding:50px 0;}
	.culture-sbox h3{font-size:24px;}
	.culture-sbox{font-size:18px;padding:25px;}
	.culture-b, .culture-c{float:none;width:100%;}
	.culture-d li{margin-bottom:10px;padding-right:10px;box-sizing:border-box;}
	.culture-d li p{min-height:74px;}
	.culture-d li:nth-child(2n){padding:0 0 0 10px;}
	.culture-idea{padding:0;}
	/*Download*/
	.down-list li{float:none;width:100%;margin:0 0 3%;border:1px #86878a solid;box-sizing:border-box;}
	/* Industry */
	.industry-box-a{margin-top:30px;padding:0 0 30px;border-bottom:1px #eee solid;box-shadow:none;}
	.industry-box-b p{padding:0 !important;}
	.industry-box-b *{float:none !important;margin-left:0 !important;}
	/* Job */
	.job-criterion dt img, .job-criterion dt p{float:none;max-width:100%;width:100%;}
	.job-vantage li, .job-vantage li:nth-child(2n), .job-itmes .detail li, .list-type-p li{float:none;width:100%;}
	.job-tit{text-align:left;background:#EDF0F2;overflow:hidden;}
	.job-tit a{float:left;display:block;width:50%;min-width:0;text-align:center;box-sizing:border-box;}
	.job-list{padding:15px 0 0;}
	.job-list>li.ti .p5{display:block;padding-right:20px;}
	.job-list>li .p1{width:50%;padding-left:20px;}
	.job-list>li .p2, .job-list>li .p3, .job-list>li .p4{display:none;}
	.job-list>li .p5{width:50%;text-align:right;padding:0;}
	.job-list>li .p5 a{margin-right:20px;}
	.job-item-detail ul{padding-bottom:20px;}
	.job-item-detail li{float:none;width:100%;}
	.job-item-detail p{margin-bottom:20px;}
	.job-wages-wrap{background-size:cover;}
	.job-wages{padding:30px 15px;}
	/* News */
	.news-list-top .tit{display:none;}
	.news-content{padding:40px 0;}
	.news-content h1{font-size:24px;}
	.news-content .data{padding:20px 0;}
	/* Products */
	.product-focus dt, .ti-type-a{font-size:24px;}
	.product-focus dl{padding:40px 0;}
	.product-focus dd, .product-focus dd:nth-child(even), .product-des .img{float:none;width:100%;text-align:center;}
	.product-focus dd h5{font-size:20px;}
	.product-pic .mb dd{width:94%;margin:15px 3% 0;line-height:1.68;text-align:left;background:#fff;box-shadow:0 0 25px #bbb;padding:25px 30px;box-sizing:border-box;}
	.product-des{margin-bottom:30px;padding-bottom:30px;}
	.product-des .txt, .product-list li{float:none;width:100%;margin-top:20px;}
	.product-des .txt .tit{margin-bottom:20px;}
	.product-des .txt .tit li{padding:9px 0;}
	.product-des .txt .con{margin-bottom:40px;}


	.culture-main img.pc_brand{display: none}
	.culture-main img.mobile_brand{display: block}
}

.product-pic .mp dt{
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	-wetkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.product-pic .mp dt.cu{
	-wetkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(18deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}


.watercode{

}
.watercode img{float: right;
	margin-top: 17px;
	width: 100px;
	margin-right: 10px;}